<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <title>Document</title>
    <link rel="stylesheet" href="../../css/reset.css">
    <link rel="stylesheet" href="../../css/app.css">
    <script src="../../flexible.js"></script>
</head>
<body>
        <div id="local1">
            <div class="sign_top">
                <a href="./local.html">
                    <picture>
                        <source srcset="../../img/left@2x.png 2x , ../../img/left@3x.png 3x">
                        <img src="../../img/left@2x.png" alt="">
                    </picture>
                </a>
                <p>
                    北京
                </p>

                <picture>
                    <source srcset="../../img/love@2x.png 2x,../../img/love@3x.png">
                    <img src="../../img/love@2x.png" alt="" class="love">
                </picture>
            </div>

            <img src="../../imgs/imgs/sy-bj-banner.png" class="l_bj" alt="">

            <div class="options">
                <ul>
                    <li>

                        <a href="">
                            <img src="../../img/tusier.png" alt="">
                        </a>

                        <p>攻略</p>
                    </li>
                    <li>
                        <a href="">
                            <img src="../../img/tuwuer.png" alt="">
                        </a>

                        <p>景点</p>
                    </li>
                    <li>
                        <a href="">
                            <img src="../../img/tuliuer.png" alt="">
                        </a>

                        <p>酒店</p>
                    </li>

                    <li>
                        <a href="">
                            <img src="../../img/tuqier.png" alt="">
                        </a>

                        <p>美食</p>
                    </li>
                    <li>
                        <a href="">
                            <img src="../../img/tushibaer.png" alt="">
                        </a>

                        <p>
                            游记
                        </p>
                    </li>
                    <li>
                        <a href="">
                            <img src="../../img/tushiliuer.png" alt="">
                        </a>

                        <p>问答</p>
                    </li>
                    <li>
                        <a href="">
                            <img src="../../img/tushisier.png" alt="">
                        </a>

                        <p>当地游</p>
                    </li>
                    <li>
                        <a href="">
                            <img src="../../imgs/imgs/sy-bj-gw.png" alt="">
                        </a>

                        <p>购物</p>
                    </li>
                </ul>
            </div>

            <div class="scenic_spot">
                <div class="re_word">
                    周边景点
                </div>

                <div class="spot">
                    <img src="../../imgs/imgs/sy-bj-jd1.png" alt="">
                    <div class="spot_w">
                        <p style="font-size: 0.427rem;color: #010202; margin-bottom: 0.2rem">北京必游TOP10</p>
                        <p style="font-size: 0.293rem; color: #969595; margin-bottom: 0.2rem"><span style="color: #3895fd;">10</span>个旅游地推荐</p>
                        <p style="font-size: 0.347rem;color: #050202;">北京的四九城方方正正，条条大路
                            宽阔平坦。沿着长安街一直走…</p>
                    </div>

                </div>
                <div class="spot">
                    <img src="../../imgs/imgs/sy-bj-jd2.png" alt="">
                    <div class="spot_w">
                        <p style="font-size: 0.427rem;color: #010202; margin-bottom: 0.2rem">挖掘老北京的名胜古迹</p>
                        <p style="font-size: 0.293rem; color: #969595; margin-bottom: 0.2rem"><span style="color: #3895fd;">10</span>个旅游地推荐</p>
                        <p style="font-size: 0.347rem;color: #050202;">自古以来，京城就经常成为首府之
                            所在。壮阔的故宫建筑群…</p>
                    </div>

                </div>
                <div class="spot">
                    <img src="../../imgs/imgs/sy-bj-jd3.png" alt="">
                    <div class="spot_w">
                        <p style="font-size: 0.427rem;color: #010202; margin-bottom: 0.2rem">京味十足的文艺小调</p>
                        <p style="font-size: 0.293rem; color: #969595; margin-bottom: 0.2rem"><span style="color: #3895fd;">10</span>个旅游地推荐</p>
                        <p style="font-size: 0.347rem;color: #050202;">如今已是国际化都市的北京，在老
                            北京味儿的基础上，增加了许多…</p>
                    </div>

                </div>

                <div class="spot_box">
                    <a href="./local3.html">
                        点击查看更多景点
                    </a>
                </div>
            </div>
            <div class="scenic_spot">
                <div class="re_word">
                    特色美食
                </div>

                <div class="spot_w1">

                </div>


                <div class="spot_box">
                    <a href="./local3.html">
                        点击查看更多美食
                    </a>
                </div>
            </div>

        </div>
</body>
</html>